@import (reference) '~weaver-mobile/dist/weaver-mobile.less';
@import (reference) '../index.less';

.g-opinionPage {
	.am-list-body {
		div {
			&:not(:last-child) {
				.am-list-line {
					border-bottom: 0 * @hd;
				}
			}
		}
	}
	.am-list-item {
		.am-list-line {
			.am-list-content {
				-ms-flex: 1 1;
				flex: 1 1;
				font-size: @font-size-base;
				line-height: @line-height-paragraph;
				text-align: left;
				width: auto;
				overflow: hidden;
				-o-text-overflow: ellipsis;
				text-overflow: ellipsis;
				white-space: nowrap;
				padding-top: 0 * @hd;
				padding-bottom: 0 * @hd;
			}
		}
	}
	.g-opinionItemPage {
		@keyframes mybutchange{
			form {transform:translateY(2*@hd) scale(1,1);
			  opacity:0.5;
			  color: #888;
			}
			to {
			  transform: translateY(-5*@hd) scale(1.2,1.2);
			  opacity:1;
			  color: #e2e1e4;
			}
		  }
		.g-item-instructType {
			color: @brand-primary;
			border: 1 * @hd solid @brand-primary;
		}
		.g-item-userName {
			margin-left: @h-spacing-sm;
			color: @color-text-secondary;
		}
		.g-item-content {
			margin-left: @h-spacing-sm;
		}
		.g-item-time{
			font-size: @font-size-caption-sm;
			margin-left: @h-spacing-sm;
			color: @color-text-secondary;
		}
		.g-opinion-comment-isaction .g-opinion-comment:first-of-type svg{
			animation: mybutchange 0.2s ease-in normal forwards;
		}
		.g-opinion-comment {
			float: right;
			margin-right: 20 * @hd;
			color: @color-text-secondary;
			cursor: pointer;
		}
		.g-comment-number {
			margin-left: 4 * @hd;
		}
	}
}
